<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>繁华似锦</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      /* background-color: #f1f1f1;
       */
      background-color: #ee9ca7;
      margin: 0;
      padding: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .bili-radio {
      border: 5px solid #ddd;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      width: 80%;
      height: 80%;
    }

  </style>
</head>
 
<body>
 
  <iframe class="bili-radio"
    src="https://player.bilibili.com/player.html?aid=899442978&cid=800859496&page=1"
    scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" autoplay=true>  </iframe>
 
  <script>
    // document.getElementById("bili-radio").style.height = document.getElementById("bili-radio").scrollWidth * 0.76 + "px";
    // document.getElementById("bili-radio").style.height = document.getElementById("bili-radio").scrollWidth * 0.47 + "px";

  </script>
 
</body>
 
</html>